const wxml = `
<view class="container v">
    <view class="cover">
        
    </view>
    <view class="v">
        <text class="title">龙湖天意loft1栋-1101</text>
        <text class="text_12_light text_2_ellipsis">武汉市江岸区高雄路167号台北二路武汉市江岸区高雄路167号台北二路</text>
        <view class="h">
            <block wx:for="{{2}}" wx:for-item="it" wx:key="idx">
                <view class="txt-box"><text class="text_12_light">面积 96 ㎡</text></view>
            </block>
        </view>
    </view>
    <view class="line" style="width: 630rpx;margin: 30rpx;"></view>
    <view class="h between" style="padding: 0 30rpx 30rpx 30rpx;">
        <view class="v between">
            <text class="text_12_light">为您提供</text>
            <text class="text_14">手动DIY·瑜伽·读书会等活动场地</text>
            <view class="info h_v_center">
                <text>扫码/长按识别，预订场地</text>
            </view>
        </view>
        <image style="width: 160rpx;height: 160rpx;background-color: #fff000;"></image>
    </view>
</view>
`

const style = {
    container: {
        width: 690 / 2,
        margin: 30 / 2,
        borderRadius: 12 / 2,
        backgroundColor: '#ffffff'
    },
    v: {
        display: 'flex',
        display: '-webkit-flex',
        flexDirection: 'column'
    },
    h: {
        display: 'flex',
        display: '-webkit-flex',
        flexDirection: 'row'
    },
    cover: {
        width: 690 / 2,
        height: 600 / 2,
        marginBottom: 20 / 2,
        backgroundColor: '#ff0000',
        borderRadius: 12 / 2
    },
    title: {
        fontWeight: 'bold',
        color: '#ffffff'
    }
    // itemBox: {
    //     width: 80,
    //     height: 60,
    // },
    // red: {
    //     backgroundColor: '#ff0000'
    // },
    // green: {
    //     backgroundColor: '#00ff00'
    // },
    // blue: {
    //     backgroundColor: '#0000ff',
    //     alignItems: 'center',
    //     justifyContent: 'center',
    // },
    // text: {
    //     width: 80,
    //     height: 60,
    //     textAlign: 'center',
    //     verticalAlign: 'middle',
    // },
    // img: {
    //     width: 40,
    //     height: 40,
    //     borderRadius: 20,
    // }
}

module.exports = {
    wxml,
    style
}